<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <title>My page</title>
 
 <script type="text/javascript" src="tablesorter/jquery-latest.js"></script> 


   <link href="filterable/font-awesome.min.css" rel="stylesheet">
   <link href="filterable/test/libs/bootstrap-editable.css" rel="stylesheet">
   <script src="bootswatch/bootstrap.min.js"></script>
   <script src="filterable/test/libs/bootstrap-editable.min.js"></script>
<script type="text/javascript">
$('#myTable').filterable();
</script>
</head>
<body>
 <div class="container">
   <div class="row center span10">
            <table id="myTable" class="table table-striped table-hover table-condensed filterable">
                <tbody>
                    <tr class="filters">
                        <th>"Columna 1 "<i class="icon-filter editable editable-click editable-empty" data-original-title="" title=""></i> </th>
                        <th>"Columna 2 "<i class="icon-filter editable editable-click editable-empty" data-original-title="" title=""></i></th>
                        <th>"Columna 3 "<i class="icon-filter editable editable-click editable-empty" data-original-title="" title=""></i></th>
                        <th>"Columna 4 "<i class="icon-filter editable editable-click editable-empty" data-original-title="" title=""></i></th>
                    </tr>
                </tbody>
                <tbody>
                    <tr class="filterable-row">
                        <td class="filterable-cell">1</td>
                        <td class="filterable-cell">Mark</td>
                        <td class="filterable-cell">Otto</td>
                        <td class="filterable-cell">@mdo</td>
                    </tr>
                    <tr class="filterable-row">
                        <td class="filterable-cell">2</td>
                        <td class="filterable-cell">Jacob</td>
                        <td class="filterable-cell">Thornton</td>
                        <td class="filterable-cell">@fat</td>
                    </tr>
                    <tr class="filterable-row">
                        <td class="filterable-cell">3</td>
                        <td class="filterable-cell">Larry</td>
                        <td class="filterable-cell">the Bird</td>
                        <td class="filterable-cell">@twitter</td>
                    </tr>
                </tbody>
            </table>
        </div>
        </div>
        
 
   
</body>
</html>